# Модуль 2 — Работа с макетами

> **ВНИМАНИЕ!**
>
> **Этот материал ещё неполный, он находится в разработке и регулярно обновляется.**

**Куратор, должен учащемуся проговорить всю информацию по модулю, в том числе заголовки и пометки, то есть всё, что написано ниже.**

**↓↓↓ Это всё должен услышать учащийся ↓↓↓**

`Запускаем запись видео и аудио работы по модулю.`

## Правила работы с модулем

Модуль нужно пройти и повторить минимум один раз. В первом подходе я, как куратор, буду тебе как учащемуся рассказывать этот учебный модуль, на следующих подходах ты, как учащийся, постараешься по памяти воспроизвести всю информацию и навыки из модуля.

## Цель модуля

Научиться при помощи GitLab создавать задачи для других участников на примере задачи для дизайнера и научиться подробно анализировать макеты предоставленные дизайнером в сервисе Figma.com, научиться основам использования этого сервиса.

## Далее по модулю нужно сделать:

Создать архитектуру frontend.
В описании указываем:
Нужно создать архитектуру frontend, которая включает:
1. Описать технологический стек.
2. Описать архитектуру Web-приложения (сайта).
  Labels: frontend, docymentation
Milestones: Этап 1
Создать макеты минимально жизнеспособного продукта
В описании указываем:
Нужно создать макеты минимально жизнеспособного продукта, которые соответствуют техническому заданию разрабатываемого по задаче #1.
Labels: frontend, desing
Milestones: Этап 1

При создании задачи "Создать макеты минимально жизнеспособного продукта " нужно рассказать про дизайнеров, их работу и отметить то что дизайнер должен обязательно уметь пользоваться GitLab.
После создания задачи так как у нас есть ссылка мы вставляем ссылку на макет в Figma под сообщением в ответ "макеты созданы и доступны по этой ссылке".
Рассказать про актуальность ссылок в Figma, ссылка может быть неактуальна если дизайнер редактировал её, поэтому сразу как приступаешь к работе стоит открывать ссылку из GitLab.
Переходим по ссылке и начинаем первичный анализ. Важно в Figma оперативно просматривать скинутый материал чтобы оперативно узнать и уточнить по вопросам у дизайнера, которые появляются в процессе анализа.
На стартовой странице мы видим два макета, идем в GitLab и там уточняем то, над каким макетом нам работать .
После уточнения изучаем все макеты, курсант должен для себя отметить:
1. Четыре элемента на стартовой странице. Три элемента в центре стартовой странице на равном расстоянии друг от друга у дизайнера уточнить не будет ли разъезжаться при масштабировании.
2. Заметить что у следующих страниц другой дизайн, что при квазаровской логике будет два лояута основной и для стартовой страницы(Этот вопрос мы будем решать в модуле 5).
3. Два макета в Политике отношении обработки персональных данных отличаются друг о друга отсутствием левого меню. Т.е. отмечаем для себя что это маке для зарегистрированных и незарегистрированных пользователей.
4. В Профиле пользователя не оптимальные мусорные элементы, не Юзер френдли интерфейс.
5. В Проектах пользователя отмечаем для себя появление модальных окон. Появляются между двумя проектами странные элементы, у дизайнера надо уточнить выпало ли это либо же при смене масштаба, либо он оставил про запас, если про запас, пусть будет добр этот элемент засунуть в архив этапа 1. Добавляются списки, выпадающее меню.
6.  В бесконечном холсте отмечаем для себя добавление Phaser на эту страницу.
7. Авторизация не юзер френдли. Кнопки "зарегистрировать аккаунт" и "войти" предложить дизайнеру перенести.
8. В Регистрации тоже по шагам расписаны макеты, не нарисованы макеты для мобильной версии, отмечаем это и пишем дизайнеру.
9. Последний макет - Страница метавселенных. Из тех. задания мы знаем, что её нет в Этапе 1. Надо написать дизайнеру, чтобы перенес эту страницу в Этап 2


## Завершение

При завершении первого подхода по модулю, лучше остановить запись, чтобы она не получилось слишком большой, потом нужно будет запустить запись снова.

`Останавливаем запись видео и аудио работы по модулю.`

Теперь отдых. Отдых обязателен, отдыхаем минимум 10 минут, если нужно немного больше, можем договорится о времени.

## Повторение

`Запускаем запись видео и аудио работы по модулю.`

Теперь у нас повторение пройденного материала, ты как учащийся должен стараться все сделать сам, в том числе рассказать зачем всё это делается, какие результаты планируются получить, заново создать и оформить проект в GitLab.

Если ты где-то будешь сильно запинаться или делать совсем не то, что нужно, я буду тебе помогать, но в остальном я буду минимально тебя перебивать, чтобы не сбивать тебя. В конце я тебе расскажу, что ты пропустил и мы это проговорим.

Начинай, я тебя слушаю.

`Останавливаем запись видео и аудио работы по модулю.`